/*!
 * VisualEditor ContentEditable CommentNode styles.
 *
 * @copyright 2011-2020 VisualEditor Team and others; see http://ve.mit-license.org
 */

/* Increase specificity for MW */
ul.ve-ce-checkListNode {
	padding: 0;
}

.ve-ce-checkListItemNode {
	list-style-type: none;
	list-style-image: none; /* MW reset */
	position: relative;
}

.ve-ce-checkListItemNode:before {
	cursor: pointer;
	content: '';
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	background: url( ../../../ui/styles/images/unchecked.svg ) center center no-repeat;
	/* TODO: Fix paths in standalone builds */
	background-image: url(  );
}

/* Flip based on content language, not interface */
/* This could be done with margin-block-start but it isn't supported in IE/Edge */

/* @noflip */
.ve-ce-documentNode[ dir='ltr' ] ul.ve-ce-checkListNode {
	margin-left: 2em;
}

/* @noflip */
.ve-ce-documentNode[ dir='rtl' ] ul.ve-ce-checkListNode {
	margin-right: 2em;
}

/* @noflip */
.ve-ce-documentNode[ dir='ltr' ] .ve-ce-checkListItemNode:before {
	left: -2em;
}

/* @noflip */
.ve-ce-documentNode[ dir='rtl' ] .ve-ce-checkListItemNode:before {
	right: -2em;
}

.ve-ce-checkListItemNode-checked:before {
	background-image: url( ../../../ui/styles/images/checked.svg );
	background-image: url(  );
}

.ve-ce-checkListItemNode-checked {
	text-decoration: line-through;
	color: #666;
}
